﻿<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta
	content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'
	name='viewport' />
<meta name="viewport" content="width=device-width" />
<title>Zoro - Album</title>
<link href="/css/bootstrap.min.css" rel="stylesheet" />
<link href="/css/light-bootstrap-dashboard.css" rel="stylesheet" />
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/pe-icon-7-stroke.css" rel="stylesheet" />
<link href="/js/plugins/webuploader/webuploader.css" rel="stylesheet">
<link href="/css/webuploader.css" rel="stylesheet">
</head>
<body>

	<div class="wrapper">
		<div th:replace="admin/include/menu :: #layout-menu"></div>
		<div class="main-panel">
			<div th:replace="admin/include/top :: #layout-top"></div>
			<div class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<div class="card">
								<form id="allInputsFormValidation" class="form-horizontal" action="/admin/topics/update" method="post" novalidate="">
									<input name="id" id="topicsId" type="hidden" th:value="${topics.id}">
									<div class="content">
										<legend>编辑活动主题
											<button type="button" style="float: right;margin-top: -11px;" class="btn btn-info" onclick="javascript:window.location.href='/admin/topics/list'">
												<i class="fa fa-arrow-left"></i> 返 回
											</button>
										</legend>
										
										<fieldset>
											<div class="form-group">
												<label class="col-sm-2 control-label">主题名称</label>
												<div class="col-sm-10">
													<input class="form-control" th:value="${topics.title}" type="text" name="title" required="required" />
												</div>
											</div>
										</fieldset>
										<fieldset>
											<div class="form-group">
												<label class="col-sm-2 control-label">活动时间</label>
												<div class="col-sm-4">
													<input class="form-control" th:value="${topics.topicTime}" type="text" name="topicTime" required="required" />
												</div>
												<label class="col-sm-2 control-label">活动地址</label>
												<div class="col-sm-4">
													<input class="form-control" th:value="${topics.address}" type="text" name="address" required="required" />
												</div>
											</div>
										</fieldset>
										<fieldset>
											<div class="form-group">
												<label class="col-sm-2 control-label">摄影师</label>
												<div class="col-sm-10">
													<input class="form-control" th:value="${topics.camerist}" type="text" name="camerist" required="required" />
												</div>
											</div>
										</fieldset>
										<fieldset>
											<div class="form-group">
												<label class="col-sm-2 control-label">主题描述</label>
												<div class="col-sm-10">
													<input class="form-control" th:value="${topics.descriptor}" type="text" name="descriptor" required="required" />
												</div>
											</div>
										</fieldset>
										<fieldset>
											<div class="form-group">
												<label class="col-sm-2 control-label">图片上传</label>
												<div class="col-sm-10">
													<div class="page-container">
														<div id="uploader" class="wu-example">
															<div class="queueList">
																<div id="dndArea" class="placeholder">
																	<div id="filePicker"></div>
																	<p>或将照片拖到这里，单次最多可选300张</p>
																</div>
															</div>
															<div class="statusBar" style="display: none;">
																<div class="progress">
																	<span class="text">0%</span> <span class="percentage"></span>
																</div>
																<div class="info"></div>
																<div class="btns">
																	<div id="filePicker2"></div>
																	<div class="uploadBtn">开始上传</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</fieldset>
									</div>
									<div class="footer text-center">
										<button type="submit" class="btn btn-info btn-fill">保存提交</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script src="/js/jquery.min.js" type="text/javascript"></script>
<script src="/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/js/light-bootstrap-dashboard.js" type="text/javascript"></script>
<!-- Web Uploader -->
<script type="text/javascript">
	var BASE_URL = '/js/plugins/webuploader';
</script>
<script src="/js/plugins/webuploader/webuploader.min.js"></script>
<script src="/js/webuploader.js" type="text/javascript"></script>
<script src="/js/sweetalert2.js"></script>
</html>
